﻿@model NC.Core.Models.AccountUser
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    
}
@section LeftContainer{

<!-- #region Registration Form -->
<script type="text/javascript">
 $(function () {
            $('#register').submit(function () {
                var form = $(this);
                if ($('#pass').val() != $('#cpass').val()) {
                    form.data('validator').invalidate({
                        cpass: "Passwords don't match"
                    });
                    return false;
                }
            });
        });
</script>
            <section class="registration-form-section colorBg  ">
                @using (Html.BeginForm("RegisterAccount", "NepaliCorner"))
                {
                    <div id="register">
                    <div class="section-title reg-header animated fadeInRight" >
                        <h3>Register with us </h3>

                    </div>
                    <div class="clearfix">
                        <div class=" registration-left-section animated fadeInUp" data-animation="fadeInUp">
                           
                      
                            <div class="reg-content">
                           <!--<div class="textbox-wrap">
                                    <div class="input-group">
                                        <span class="input-group-addon  glyphicon glyphicon-user "></span>
                                       @* Html.TextBox("",model, new { @class = "form-control", placeholder = "somehin" }) *@
                                       @Html.TextBoxFor(model => model.FirstName, new { @class = "form-control", @placeholder = "First Name" })
                                     </div>
                                </div>
                                <div class="textbox-wrap">
                                    <div class="input-group">
                                        <span class="input-group-addon  glyphicon glyphicon-user "></span>
                                       @Html.TextBoxFor(model => model.LastName, new { @class = "form-control", @placeholder="Last Name"})
                                     </div>
                                </div>-->
                                 <div class="textbox-wrap">
                                    <div class="input-group">
                                        <span class="input-group-addon  glyphicon glyphicon-envelope "></span>
                                    @Html.TextBoxFor(model => model.Email, new { @class = "form-control", @placeholder = "Email Address", @required="required", @type="email" })
                                   
                                    @ViewBag.Error
                                    </div>
                                </div>
                                <div class="textbox-wrap">
                                    <div class="input-group">
                                        <span class="input-group-addon glyphicon glyphicon-lock "></span>
                                 @Html.PasswordFor(model => model.Password, new { @class = "form-control", @placeholder = "Password", @required = "required", @id="pass" })
                                    </div>
                                </div>
                                <div class="textbox-wrap">
                                    <div class="input-group">
                                        <span class="input-group-addon  glyphicon glyphicon-lock "></span>
                                      @Html.PasswordFor(model => model.Password, new { @class = "form-control", @placeholder = "Confirm Password", @required = "required", @id="cpass" })
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                    <div class="registration-form-action clearfix animated fadeInUp" data-animation="fadeInUp" data-animation-delay=".15s" style="-webkit-animation: 0.15s;">
                        <a href="#" class="btn btn-success pull-left blue-btn ">
                            <span class=" glyphicon glyphicon-user"></span>&nbsp; &nbsp;Login With Facebook 
                        </a>
                        <button type="submit" class="btn btn-success pull-right green-btn ">Register Now &nbsp; <span class="glyphicon glyphicon-ok"></span></button>

                    </div>
                    </div>
                    }
            </section>
}

@section RightSideBar
{
<section class="colorBg dark" id="loginBox">
        <div class=" container">

            <div class="login-form-section">
                <div class="login-content" data-animation="bounceIn">

@Html.Partial("Login")
  </div>
            </div>



        </div>
    </section>

}

<h2>Index Page</h2>

